<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    template="layout/template.xhtml">

<ui:define name="body">

    <h:form id="inmueble" styleClass="edit" enctype="multipart/form-data">

         <rich:panel>
            <f:facet name="header">#{inmuebleHome.managed ? 'Actualizar' : 'Agregar'} Inmueble</f:facet>

            <s:decorate id="operacionField" template="layout/edit.xhtml">
                <ui:define name="label">Operacion</ui:define>
                <h:selectOneMenu value="#{inmuebleHome.instance.tipoOperacion}" required="true" title="Operacion" id="operacionMenu"  >
	               	<s:selectItems value="#{tipoOperacionList.list()}" var="_operacion" label="#{_operacion.descripcion}" />
	               	<s:convertEntity/>
                </h:selectOneMenu>
            </s:decorate>
            
            <s:decorate id="tipoPropiedadField" template="layout/edit.xhtml">
                <ui:define name="label">Tipo Propiedad</ui:define>
                <h:selectOneMenu value="#{inmuebleHome.instance.propiedad}" required="true" title="Propiedad" id="propiedadMenu"  >
	               	<s:selectItems value="#{propiedadList.list()}" var="_propiedad" label="#{_propiedad.descripcion}" />
	               	<s:convertEntity/>
                </h:selectOneMenu>
            </s:decorate>

            <s:decorate id="zonaGeograficaField" template="layout/edit.xhtml">
                <ui:define name="label">Zona Geográfica</ui:define>
                <h:selectOneMenu value="#{inmuebleHome.instance.zonaGeografica}" required="true" title="Zona Geográfica" id="zonaGeograficaMenu"  >
	               	<s:selectItems value="#{zonaGeograficaList.list()}" var="_zona" label="#{_zona.descripcion}" />
	               	<s:convertEntity/>
                </h:selectOneMenu>
            </s:decorate>

            <s:decorate id="precioField" template="layout/edit.xhtml">
                <ui:define name="label">Precio</ui:define>
                <h:inputText id="precio"
                       required="true"
                          value="#{inmuebleHome.instance.precio}">
                    <a:support event="onblur" reRender="precioField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>

            <s:decorate id="monedaField" template="layout/edit.xhtml">
                <ui:define name="label">Moneda</ui:define>
                <h:selectOneMenu value="#{inmuebleHome.instance.mondeda}" required="true" title="Moneda" id="monedaMenu"  >
	               	<s:selectItems value="#{monedaList.list()}" var="_moneda" label="#{_moneda.descripcionCorta}" />
	               	<s:convertEntity/>
                </h:selectOneMenu>
            </s:decorate>

            <s:decorate id="antiguedadField" template="layout/edit.xhtml">
                <ui:define name="label">Antiguedad</ui:define>
                <h:selectOneMenu value="#{inmuebleHome.instance.antiguedad}" required="true" title="Antiguedad" id="antiguedadMenu"  >
	               	<s:selectItems value="#{antiguedadList.list()}" var="_antiguedad" label="#{_antiguedad.descripcion}" />
	               	<s:convertEntity/>
                </h:selectOneMenu>
            </s:decorate>

            <s:decorate id="ambientesField" template="layout/edit.xhtml">
                <ui:define name="label">Ambientes</ui:define>
                <h:selectOneMenu value="#{inmuebleHome.instance.ambientes}" required="true" title="Ambientes" id="ambientesMenu"  >
	               	<s:selectItems value="#{ambientesList.list()}" var="_ambientes" label="#{_ambientes.descripcion}" />
	               	<s:convertEntity/>
                </h:selectOneMenu>
            </s:decorate>

            <s:decorate id="direccionField" template="layout/edit.xhtml">
                <ui:define name="label">Direccion</ui:define>
                <h:inputText id="direccion"
                       required="true"
                           size="100"
                      maxlength="120"
                          value="#{inmuebleHome.instance.direccion}">
                    <a:support event="onblur" reRender="direccionField" bypassUpdates="true" ajaxSingle="true"/>
                </h:inputText>
            </s:decorate>

            <s:decorate id="descripcionField" template="layout/edit.xhtml">
                <ui:define name="label">Descripcion</ui:define>
                <h:inputTextarea id="descripcion"
                               cols="80"
                               rows="3"
                           required="true"
                              value="#{inmuebleHome.instance.descripcion}"/>
            </s:decorate>

 			<s:decorate id="fileUploadDecoration" template="layout/edit.xhtml">
				<ui:define name="label">Imagen</ui:define>
				<s:fileUpload id="file" 
					      data="#{inmuebleHome.imagen.data}"
					      contentType="#{inmuebleHome.imagen.contentType}"
					      fileName="#{inmuebleHome.imagen.nombre}"
					      fileSize="#{inmuebleHome.imagen.longitud}" />
				</s:decorate>




            <div style="clear:both">
                <span class="required">*</span>
                required fields
            </div>

        </rich:panel>

        <div class="actionButtons">

            <h:commandButton id="save"
                          value="Guardar"
                         action="#{inmuebleHome.persist}"
                       rendered="#{!inmuebleHome.managed}"/>

            <h:commandButton id="update"
                          value="Guardar"
                         action="#{inmuebleHome.update}"
                       rendered="#{inmuebleHome.managed}"/>

            <h:commandButton id="delete"
                          value="Eliminar"
                         action="#{inmuebleHome.remove}"
                      immediate="true"
                       rendered="#{inmuebleHome.managed}"/>

            <s:button id="cancelEdit"
                   value="Cancelar"
             propagation="end"
                    view="/Inmueble.xhtml"
                rendered="#{inmuebleHome.managed}"/>

            <s:button id="cancelAdd"
                   value="Cancelar"
             propagation="end"
                    view="/#{empty inmuebleFrom ? 'InmuebleList' : inmuebleFrom}.xhtml"
                rendered="#{!inmuebleHome.managed}"/>

        </div>
    </h:form>

<rich:tabPanel switchType="ajax">

    <rich:tab label="Cliente *" labelClass="required">
    <div class="association" id="clienteParent">

        <h:outputText value="Seleccione un cliente para el inmueble a publicar."
                   rendered="#{inmuebleHome.instance.cliente == null}"/>

        <rich:dataTable var="_cliente"
                   value="#{inmuebleHome.instance.cliente}"
                rendered="#{inmuebleHome.instance.cliente != null}"
              rowClasses="rvgRowOne,rvgRowTwo"
                      id="clienteTable">
            <h:column>
                <f:facet name="header">Id</f:facet>
                <h:outputText value="#{_cliente.id}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Apellido</f:facet>
                <h:outputText value="#{_cliente.apellido}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Celular</f:facet>
                <h:outputText value="#{_cliente.celular}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Direccion</f:facet>
                <h:outputText value="#{_cliente.direccion}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Email</f:facet>
                <h:outputText value="#{_cliente.email}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Nombre</f:facet>
                <h:outputText value="#{_cliente.nombre}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Numero documento</f:facet>
                <h:outputText value="#{_cliente.numeroDocumento}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Telefono fijo</f:facet>
                <h:outputText value="#{_cliente.telefonoFijo}"/>
            </h:column>
            <h:column>
                <f:facet name="header">Tipo documento id</f:facet>
                <h:outputText value="#{_cliente.tipoDocumento.id}"/>
            </h:column>
        </rich:dataTable>

        <div class="actionButtons">
			<s:button id="#{inmuebleHome.instance.cliente != null ? 'changeParentcliente' : 'selectParentcliente'}" value="#{inmuebleHome.instance.cliente != null ? 'Modificar' : 'Seleccionar'} cliente"
                       view="/ClienteList.xhtml">
                <f:param name="from" value="InmuebleEdit"/>
            </s:button>
        </div>

    </div>
    </rich:tab>

</rich:tabPanel>
</ui:define>

</ui:composition>
